<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <div id="a" qq="8"></div>

    <script>

        // 标签的自有属性  id   class   等    直接使用点语法

        // 标签的自定义属性  只能使用   attribute


        // 注意：实际上attribute  可以处理所有的属性(不分自有的还是自定义的)


        // getAttribute()
        // setAttribute()
        // removeAttribute()

        var oDiv = document.querySelector('div');

        console.log(oDiv.id);  // a

        console.log(oDiv.getAttribute('id'));  // a

        // oDiv.className = 'b';

        oDiv.setAttribute('class', 'b');

    </script>

</body>

</html>